body {
    font-family: "Open Sans", sans-serif !important;
}
/*GHANSHYAM GHETIYA CSS*/
.m0 {
    margin: 0px !important;
}

.m5 {
    margin: 5px !important;
}

.m10 {
    margin: 10px !important;
}

.m15 {
    margin: 15px !important;
}

.m20 {
    margin: 20px !important;
}

.m25 {
    margin: 25px !important;
}

.m30 {
    margin: 30px !important;
}

.m35 {
    margin: 35px !important;
}

.m40 {
    margin: 40px !important;
}

.m45 {
    margin: 45px !important;
}

.m50 {
    margin: 50px !important;
}

.mt0 {
    margin-top: 0px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt45 {
    margin-top: 45px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mr0 {
    margin-right: 0px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr35 {
    margin-right: 35px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr45 {
    margin-right: 45px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.ml0 {
    margin-left: 0px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml45 {
    margin-left: 45px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.p0 {
    padding: 0px !important;
}

.p5 {
    padding: 5px !important;
}

.p10 {
    padding: 10px !important;
}

.p15 {
    padding: 15px !important;
}

.p20 {
    padding: 20px !important;
}

.p25 {
    padding: 25px !important;
}

.p30 {
    padding: 30px !important;
}

.p35 {
    padding: 35px !important;
}

.p40 {
    padding: 40px !important;
}

.p45 {
    padding: 45px !important;
}

.p50 {
    padding: 50px !important;
}

.pt0 {
    padding-top: 0px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt35 {
    padding-top: 35px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt45 {
    padding-top: 45px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pr0 {
    padding-right: 0px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pr35 {
    padding-right: 35px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.pr45 {
    padding-right: 45px !important;
}

.pr50 {
    padding-right: 50px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb35 {
    padding-bottom: 35px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb45 {
    padding-bottom: 45px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pl0 {
    padding-left: 0px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pl35 {
    padding-left: 35px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.pl45 {
    padding-left: 45px !important;
}

.pl50 {
    padding-left: 50px !important;
}

.fs10 {
    font-size: 10px !important;
}

.fs11 {
    font-size: 11px !important;
}

.fs12 {
    font-size: 12px !important;
}

.fs13 {
    font-size: 13px !important;
}

.fs14 {
    font-size: 14px !important;
}

.fs15 {
    font-size: 15px !important;
}

.fs16 {
    font-size: 16px !important;
}

.fs17 {
    font-size: 17px !important;
}

.fs18 {
    font-size: 18px !important;
}

.fs19 {
    font-size: 19px !important;
}

.fs20 {
    font-size: 20px !important;
}

.fs21 {
    font-size: 21px !important;
}

.fs22 {
    font-size: 22px !important;
}

.fw300 {
    font-weight: 300 !important;
}

.fw400 {
    font-weight: 400 !important;
}

.fw500 {
    font-weight: 500 !important;
}

.fw600 {
    font-weight: 600 !important;
}

.fw700 {
    font-weight: 700 !important;
}

.fw800 {
    font-weight: 800 !important;
}

.fw900 {
    font-weight: 900 !important;
}

.b0 {
    border: 0px !important;
}

img {
    max-width: 100%;
}

.min-hi {
    min-height: inherit;
}

.cp {
    cursor: pointer;
}

.loaderbox {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 99999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
    border: 6px solid #dddddd;
    border-radius: 50%;
    border-top: 6px solid #009FE3;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #B17F49;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #a76116;
    }

html {
    scrollbar-color: #B17F49 #f1f1f1;
    scrollbar-width: thin;
}

.scroller {
    scrollbar-color: #B17F49 #f1f1f1;
    scrollbar-width: thin;
}

.wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100vh;
}

.body-content {
    background-color: #f6f9fc;
    flex: auto; /*height: 1px; overflow: auto;*/
}

.body-content1 {
    background-color: #f6f9fc;
    flex: auto;
    height: 1px;
    overflow: auto;
}

.footer {
    background: #2A095A;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 12px;
}

.footerin {
    background: #FFFFFF;
    color: #292759;
    text-align: center;
    padding: 10px;
    font-size: 12px;
}

/* table CSS */
.tableheight1 {
    height: calc(100vh - 235px);
}

.cutable {
    color: #101010;
    margin: 0 !important;
}

    .cutable a {
        color: #101010;
        text-decoration: none;
    }

        .cutable a:hover {
            text-decoration: underline;
        }

table.sortingstyle th {
    position: relative;
    background: #6993FF;
    outline: none;
    text-align: left;
    text-transform: capitalize;
    transition: color 0.2s ease-in-out;
    vertical-align: middle;
    color: #FFF;
    font-weight: 700;
    line-height: 110%;
    padding-top: 15px;
    padding-bottom: 15px;
}

    table.sortingstyle th.sorting {
        padding-right: 15px;
        cursor: pointer;
    }

        table.sortingstyle th.sorting:after,
        table.sortingstyle th.sorting:before {
            border: 0.35em solid transparent;
            content: '';
            height: 0;
            position: absolute;
            right: 0.40em;
            top: 50%;
            transform: translateY(-50%);
            transition: border-color 0.2s ease-in-out;
            width: 0;
        }

        table.sortingstyle th.sorting:before {
            border-bottom-color: rgba(255, 255, 255, 0.50);
            border-top: 0;
            margin-top: -0.35em;
        }

        table.sortingstyle th.sorting:after {
            border-top-color: rgba(255, 255, 255, 0.50);
            border-bottom: 0;
            margin-top: 0.35em;
        }

    table.sortingstyle th:hover:before,
    table.sortingstyle th:focus:before {
        border-bottom-color: rgba(255, 255, 255, 0.50);
    }

    table.sortingstyle th:hover:after,
    table.sortingstyle th:focus:after {
        border-top-color: rgba(255, 255, 255, 0.50);
    }

    table.sortingstyle th.ascending:before {
        border-bottom-color: #fff;
    }

    table.sortingstyle th.ascending:after {
        border-top-color: rgba(255, 255, 255, 0.50);
    }

    table.sortingstyle th.descending:before {
        border-bottom-color: rgba(255, 255, 255, 0.50);
    }

    table.sortingstyle th.descending:after {
        border-top-color: #fff;
    }

table.vm {
    vertical-align: middle;
    color: #101010;
}

tr.searchinput th {
    background: #fff;
    box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.15);
    padding-top: 5px;
    padding-bottom: 5px;
}

.pgbg {
    background: #e9ecef;
}

.pgpagenumber {
    padding-top: 4px;
    padding-bottom: 4px;
}

.stickythead {
    position: sticky;
    top: 0px;
}

.cutable > tbody > tr:hover {
    background-color: #F5F8FF;
}
/*table.cutable{border-collapse: separate; border-spacing: 0 8px; margin-top: -8px !important;}
table.cutable > :not(caption) > * > *{border-top-width: 2px; border-bottom-width: 2px; border-color: #f8f8f8;}
thead.stickythead tr:first-child{box-shadow: 0px 8px 0px 0px rgba(255,255,255,1);}
thead.stickythead tr:first-child th{border-top-width: 0px; border-bottom-width: 0px;}*/

/* table CSS End */

.customhffix {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    color: #555F6D;
}

.customhffix-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #dee2e6;
}

.customhffix-body {
    overflow-y: auto;
    height: 100%;
}

.customhffix-footer {
    align-items: center;
    border-top: 1px solid #dee2e6;
}

.scrollviewport {
    height: calc(100vh - 260px);
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    position: relative;
}

.scrollviewport1 {
    height: calc(100vh - 200px);
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    position: relative;
}

.scrollviewport2 {
    height: calc(100vh - 70px);
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    position: relative;
}

.cu-modal .modal-header {
    background: #FBFAFF;
    padding-top: 10px;
    padding-bottom: 10px;
}

.cu-modal .modal-footer {
    background: #FBFAFF;
}

.cu-modal .modal-title {
    font-size: 18px;
    color: #272E35;
}

/*QXAS Insight*/
.loginvh {
    height: calc(100vh - 38px);
}

.loginleftbox {
    background: #5022C3 url("../images/insight-loginbg.svg") no-repeat center;
}

    .loginleftbox p {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 15px !important;
    }

    .loginleftbox h2 {
        font-size: 25px;
        font-weight: bold;
        margin-bottom: 40px !important;
    }

.loginrightbox .pass-eyebox {
    position: absolute;
    right: 10px;
    top: 9px;
    color: #8E8E8E
}

.loginrightbox .form-control {
    height: 43px;
    background: #fff;
}

.loginbtnstyle1 {
    background: #26B166;
    border-color: #26B166;
    height: 48px;
}

    .loginbtnstyle1:hover {
        background: #00AEEF;
        border-color: #00AEEF;
    }

.headerbgcolor-insight {
    background: #FFFFFF;
    min-height: 100px;
    box-shadow: 0px 3px 5px 0px rgba(219, 219, 219, 0.45);
    z-index: 1;
}

.htextco {
    color: #7C9ED1 !important;
    font-size: 15px !important;
    border-color: #7C9ED1 !important;
}

.dbox {
    border-radius: 14px;
    box-shadow: 0px 3px 5px 0px rgba(219, 219, 219, 0.45);
    text-align: center;
    padding: 17px;
    min-height: 180px;
    margin: 0 5px 30px 5px;
}

    .dbox a {
        font-size: 16px;
        color: #fff;
        text-decoration: none;
        display: block;
        min-height: 146px;
    }

    .dbox div.icon {
        margin-bottom: 10px;
    }

.dbox1 {
    background: #796EFF;
}

.dbox2 {
    background: #FF5263;
}

.dbox3 {
    background: #FFA900;
}

.dbox4 {
    background: #077EED;
}

.dbox5 {
    background: #E056FD;
}

.dbox6 {
    background: #3B3B98;
}

.dbox7 {
    background: #22A6B3;
}

.dbox8 {
    background: #6AB04C;
}

.dbox9 {
    background: #808080;
}

.pagetih1 {
    margin-bottom: 10px;
}

    .pagetih1 h1 {
        margin: 0;
        padding: 0;
        font-size: 20px;
        color: #00AEEF;
        font-weight: 700;
    }

.isicon {
    background: #fff url("../images/img9.png") no-repeat center left 7px !important;
    padding-left: 30px;
    font-size: 12px;
    height: 30px;
    border-color: #D9D9D9;
}

.sdnumber {
    background-position: right 0.50rem center;
    background-color: #e5ebf2;
    font-size: 12px;
    border: 0px;
}

.tablebox {
    border: 1px solid #E0E0E0;
    padding: 0px;
    border-radius: 10px;
    background: #fff;
}

.tableboxin {
    border-radius: 10px;
    position: relative;
    overflow: auto;
}

.tsearch {
    background: url("../images/img9.png") no-repeat center left 5px !important;
    padding-left: 25px !important;
    border-color: #D8D8D8;
}

span.inprogress {
    background: #FDEAC4;
    color: #CB8B37;
    border-radius: 4px;
    padding: 2px 6px;
    white-space: nowrap;
    font-weight: 500;
    min-width: 95px;
    display: inline-block;
    text-align: left;
}

span.pending {
    background: #EDEDED;
    color: #797979;
    border-radius: 4px;
    padding: 2px 6px;
    white-space: nowrap;
    font-weight: 500;
    min-width: 95px;
    display: inline-block;
    text-align: left;
}

span.completed {
    background: #C8F2E5;
    color: #2FA986;
    border-radius: 4px;
    padding: 2px 6px;
    white-space: nowrap;
    font-weight: 500;
    min-width: 95px;
    display: inline-block;
    text-align: left;
}

span.notaplicable {
    background: #FF6B6B;
    color: #570404;
    border-radius: 4px;
    padding: 2px 6px;
    white-space: nowrap;
    font-weight: 500;
    min-width: 95px;
    display: inline-block;
    text-align: left;
}

.pagination-custom .page-item {
    margin: 0 3px;
}

.pagination-custom .page-link {
    border: 0px;
    color: #8f99b3;
    background: none;
    padding-left: 10px;
    padding-right: 10px;
}

.pagination-custom .page-item:nth-child(1) .page-link {
    background: #e5ebf2;
    border-radius: 3px;
}

.pagination-custom .page-item:nth-child(2) .page-link {
    background: #e5ebf2;
    border-radius: 3px;
}

.pagination-custom .page-item:nth-last-child(1) .page-link {
    background: #e5ebf2;
    border-radius: 3px;
}

.pagination-custom .page-item:nth-last-child(2) .page-link {
    background: #e5ebf2;
    border-radius: 3px;
}

.pagination-custom .page-item.active .page-link {
    background: #6993FF;
    border-radius: 3px;
}

.cntibox {
    margin-bottom: 10px;
    display: table;
    width: 100%;
    font-size: 13px;
    color: #000;
}

    .cntibox span {
        font-weight: 700;
        float: left;
        width: 65px;
        margin-right: 10px;
    }

    .cntibox:last-child {
        margin-bottom: 20px;
    }

.cninfobox {
    border-top: 1px solid #D9D9D9;
    display: flex;
    padding: 7px 0;
    justify-content: space-between;
    font-size: 12px;
    align-items: center;
}

    .cninfobox strong {
        color: #00AEEF;
        padding-right: 10px;
    }

.tabcustom .nav-tabs {
    border: 0px;
}

    .tabcustom .nav-tabs li {
        margin-right: 10px;
    }

    .tabcustom .nav-tabs .nav-link {
        background: #FFF;
        border: 1px solid #6993FF;
        color: #6993FF;
        font-size: 14px;
        font-weight: 600;
    }

        .tabcustom .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
            background: #6993FF;
            color: #fff;
        }

.tabcustom .btn-outline-primary {
    border-color: #6993FF !important;
    color: #6993FF !important;
}

    .tabcustom .btn-outline-primary:hover {
        color: #FFFFFF !important;
        background: #6993FF !important;
    }

.starbox {
    font-size: 12px;
    color: #797979;
}

    .starbox i {
        font-size: 16px;
        color: #C4C4C4;
    }

        .starbox i.fill {
            color: #FFC34C;
        }

.dastab .card {
    margin-bottom: 25px;
}

    .dastab .card .card-header {
        background: #6993FF;
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 58px;
    }

        .dastab .card .card-header h5 {
            color: #fff;
            font-size: 16px;
            margin: 0;
            padding: 0;
            font-weight: bold;
        }

.otinfobox {
    background: #292759;
    padding: 25px 30px;
    margin-bottom: 20px;
    color: #fff;
    border-radius: 10px;
}

    .otinfobox p {
        font-size: 12px;
        padding: 0;
        margin: 0 0 5px 0;
    }

    .otinfobox h5 {
        font-size: 16px;
        font-weight: 600;
        padding: 0;
        margin: 0;
    }

.otinfobox1 {
    background: #fff;
    padding: 25px 30px;
    margin-bottom: 30px;
    border-radius: 10px;
}

    .otinfobox1 h4 {
        font-size: 16px;
        font-weight: 600;
        padding: 0;
        margin: 0 0 20px 0;
        color: #00AEEF;
    }

    .otinfobox1 p {
        font-size: 12px;
        padding: 0;
        margin: 0 0 5px 0;
        font-weight: 500;
        color: #797979;
    }

    .otinfobox1 h5 {
        font-size: 16px;
        font-weight: 700;
        padding: 0;
        margin: 0;
        color: #292759;
    }

.backbutton {
    background: #6993FF;
    border-color: #6993FF;
}

.formmodalbody {
    color: #292759;
    font-size: 14px;
}

.tabcustom1 h4 {
    color: #00AEEF;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 5px 0 20px 0;
}

.tabcustom1 .nav-tabs {
    border: 0px;
}

    .tabcustom1 .nav-tabs li {
        margin-right: 10px;
    }

    .tabcustom1 .nav-tabs .nav-link {
        background: #D9D9D9;
        color: #000;
        font-size: 14px;
        font-weight: 600;
        border-radius: 5px;
        padding: 10px 20px;
    }

        .tabcustom1 .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
            background: #6993FF;
            color: #fff;
            border-radius: 5px;
            border-color: #6993FF;
        }

.tabcustom1 .btn-outline-primary {
    border-color: #6993FF !important;
    color: #6993FF !important;
}

    .tabcustom1 .btn-outline-primary:hover {
        color: #FFFFFF !important;
        background: #6993FF !important;
    }

.accordionsryle1 {
    font-size: 14px;
    color: #797979;
}

    .accordionsryle1 .accordion-item {
        margin-bottom: 10px;
        border: 0px;
        border-radius: 8px;
        overflow: hidden;
    }

        .accordionsryle1 .accordion-item .accordion-button {
            font-size: 14px;
            color: #000;
            font-weight: 600;
            box-shadow: none !important;
        }

            .accordionsryle1 .accordion-item .accordion-button:not(.collapsed) {
                background-color: inherit;
                font-weight: 700;
            }

            .accordionsryle1 .accordion-item .accordion-button::after {
                background-image: none;
                font-family: FontAwesome;
                content: "\f107";
                text-align: center;
                line-height: 22px;
                color: #797979;
            }

            .accordionsryle1 .accordion-item .accordion-button:not(.collapsed)::after {
                background-image: none;
            }

        .accordionsryle1 .accordion-item .complated {
            background-color: #C8F2E5 !important;
        }

            .accordionsryle1 .accordion-item .complated span {
                white-space: nowrap;
                font-size: 13px;
                color: #2FA986;
                font-weight: 400;
                flex: auto;
                justify-content: flex-end;
                display: flex;
                align-items: center;
                padding-right: 15px;
            }

        .accordionsryle1 .accordion-item .pending {
            background-color: #EDEDED !important;
        }

            .accordionsryle1 .accordion-item .pending span {
                white-space: nowrap;
                font-size: 13px;
                color: #797979;
                font-weight: 400;
                flex: auto;
                justify-content: flex-end;
                display: flex;
                align-items: center;
                padding-right: 15px;
            }

        .accordionsryle1 .accordion-item .inprogress {
            background-color: #FDEAC4 !important;
        }

            .accordionsryle1 .accordion-item .inprogress span {
                white-space: nowrap;
                font-size: 13px;
                color: #CB8B37;
                font-weight: 400;
                flex: auto;
                justify-content: flex-end;
                display: flex;
                align-items: center;
                padding-right: 15px;
            }

.cipbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #D9D9D9;
    padding: 0 0 12px 0;
    margin-bottom: 12px;
}

    .cipbox:last-child {
        border-bottom: 0px solid #D9D9D9;
        padding: 0;
        margin-bottom: 0;
    }

.cctbox {
    background: #6993FF;
    border-radius: 10px;
    padding: 15px 55px 15px 15px;
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
    font-weight: 500;
}

.accordionsryle2 {
    margin-bottom: 20px;
    border-radius: 10px;
    overflow: hidden;
}

    .accordionsryle2 .accordion-item .accordion-button {
        font-size: 15px;
        color: #333;
        font-weight: 600;
        box-shadow: none !important;
    }

        .accordionsryle2 .accordion-item .accordion-button:not(.collapsed) {
            background-color: #EDEDED;
        }

        .accordionsryle2 .accordion-item .accordion-button::after {
            background-image: none;
            font-family: FontAwesome;
            content: "\f067";
            text-align: center;
            line-height: 36px;
            color: #fff;
            background: #6AB04C;
            width: 36px;
            height: 36px;
            border-radius: 6px;
        }

        .accordionsryle2 .accordion-item .accordion-button:not(.collapsed)::after {
            font-family: FontAwesome;
            content: "\f068";
        }

:root {
    --progress-bar-width: 60px;
    --progress-bar-height: 60px;
}

.circular-progress {
    width: var(--progress-bar-width);
    height: var(--progress-bar-height);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.inner-circle {
    position: absolute;
    width: calc(var(--progress-bar-width) - 13px);
    height: calc(var(--progress-bar-height) - 13px);
    border-radius: 50%;
}

.percentage {
    padding: 0px;
    position: relative;
    color: rgb(0, 0, 0, 0.8);
}

.itfsmainbox h5 {
    font-size: 18px;
    color: #0A1629;
    padding: 0;
    margin: 0 0 15px 0;
    text-align: center;
}

.itfsbox1 {
    width: 205px;
    height: 205px;
    margin: 0 auto;
    background: #C8F2E5;
    border: 1px solid #2FA986;
    border-radius: 205px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
}

    .itfsbox1 div {
        width: 150px;
        border-bottom: 1px solid #2FA986;
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        padding-bottom: 8px;
        margin-bottom: 8px;
    }

    .itfsbox1 i {
        color: #2FA986;
        font-size: 30px;
        margin-bottom: 5px;
    }

    .itfsbox1 h5 {
        color: #2FA986;
        font-size: 15px;
        padding: 0;
        margin: 0;
    }

    .itfsbox1 h6 {
        margin: 0;
        padding: 0;
    }

        .itfsbox1 h6 i {
            width: 32px;
            height: 32px;
            border-radius: 32px;
            background: #878D97;
            text-align: center;
            line-height: 32px;
            color: #fff;
            font-size: 16px;
        }

    .itfsbox1 span {
        font-size: 11px;
        color: #000;
        font-weight: 600;
    }

.itfsbox2 {
    width: 205px;
    height: 205px;
    margin: 0 auto;
    background: #FDEAC4;
    border: 1px solid #E09200;
    border-radius: 205px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
}

    .itfsbox2 div {
        width: 150px;
        border-bottom: 1px solid #E09200;
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        padding-bottom: 8px;
        margin-bottom: 8px;
    }

    .itfsbox2 i {
        color: #E09200;
        font-size: 30px;
        margin-bottom: 5px;
    }

    .itfsbox2 h5 {
        color: #E09200;
        font-size: 15px;
        padding: 0;
        margin: 0;
    }

    .itfsbox2 h6 {
        margin: 0;
        padding: 0;
    }

        .itfsbox2 h6 i {
            width: 32px;
            height: 32px;
            border-radius: 32px;
            background: #878D97;
            text-align: center;
            line-height: 32px;
            color: #fff;
            font-size: 16px;
        }

    .itfsbox2 span {
        font-size: 11px;
        color: #000;
        font-weight: 600;
    }

.itfsbox3 {
    width: 205px;
    height: 205px;
    margin: 0 auto;
    background: #EDEDED;
    border: 1px solid #797979;
    border-radius: 205px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
}

    .itfsbox3 div {
        width: 150px;
        border-bottom: 1px solid #797979;
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        padding-bottom: 8px;
        margin-bottom: 8px;
    }

    .itfsbox3 i {
        color: #797979;
        font-size: 30px;
        margin-bottom: 5px;
    }

    .itfsbox3 h5 {
        color: #797979;
        font-size: 15px;
        padding: 0;
        margin: 0;
    }

    .itfsbox3 h6 {
        margin: 0;
        padding: 0;
    }

        .itfsbox3 h6 i {
            width: 32px;
            height: 32px;
            border-radius: 32px;
            background: #878D97;
            text-align: center;
            line-height: 32px;
            color: #fff;
            font-size: 16px;
        }

    .itfsbox3 span {
        font-size: 11px;
        color: #000;
        font-weight: 600;
    }













/*BOOTSTRAP OVERWRITE CLASS*/
.form-control {
    background: #fff;
}

    .form-control:focus {
        border-color: #009FE3;
        box-shadow: 0 0 0 0.25rem rgba(0, 159, 227, 0.25);
    }

.form-select:focus {
    border-color: #009FE3;
    box-shadow: 0 0 0 0.25rem rgba(0, 159, 227, 0.25);
}

.form-check-input:focus {
    border-color: #009FE3;
    box-shadow: 0 0 0 0.25rem rgba(0, 159, 227, 0.25);
    box-shadow: none;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(0, 159, 227, 0.5);
}

.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(0, 159, 227, 0.5);
}

.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(0, 159, 227, 0.5);
}

.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(0, 159, 227, 0.5);
}







/*@media (-webkit-device-pixel-ratio: 1.50) {
    :root {
        zoom: 0.8;
    }
}

@media (-webkit-device-pixel-ratio: 1.25) {
    :root {
        zoom: 0.8;
    }
}*/

/*// X-Small devices (portrait phones, less than 576px)*/
/*// No media query for `xs` since this is the default in Bootstrap*/

/*// Small devices (landscape phones, 576px and up)*/
@media (max-width: 575.98px) {
}
/*// Medium devices (tablets, 768px and up)*/
@media (max-width: 767.98px) {
    .loginvh {
        height: inherit;
        min-height: calc(50vh - 19px);
    }
}
/*// Large devices (desktops, 992px and up)*/
@media (max-width: 991.98px) {
}
/*// X-Large devices (large desktops, 1200px and up)*/
@media (max-width: 1199.98px) {
}
/*// XX-Large devices (larger desktops, 1400px and up)*/
@media (max-width: 1399.98px) {
}


/*GHANSHYAM GHETIYA CSS END*/

/*form blink*/
.blink {
    animation: blinker 2.0s linear infinite;
    color: white;
    font-size: 1.5em;
     Larger, responsive font size 
    margin-bottom: 20px;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.oncard1 {
    margin-bottom: 20px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #19D242;
    min-height: 115px;
}

    .oncard1 .hed {
        background: #19D242;
        border-radius: 4px;
        min-height: 30px;
        display: flex;
        align-items: center;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        gap: 10px;
        padding: 5px 10px
    }

    .oncard1 .body {
        padding: 10px;
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 10px;
        font-weight: 500;
        color: #1C1B1F
    }

        .oncard1 .body a {
            color: #FF0000;
            text-decoration: underline;
        }

.oncard2 {
    margin-bottom: 20px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #F4B309;
    min-height: 115px;
}

    .oncard2 .hed {
        background: #F4B309;
        border-radius: 4px;
        min-height: 30px;
        display: flex;
        align-items: center;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        gap: 10px;
        padding: 5px 10px
    }

    .oncard2 .body {
        padding: 10px;
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 10px;
        font-weight: 500;
        color: #1C1B1F
    }

        .oncard2 .body a {
            color: #FF0000;
            text-decoration: underline;
        }

.oncard3 {
    margin-bottom: 20px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #878D97;
    min-height: 115px;
}

    .oncard3 .hed {
        background: #878D97;
        border-radius: 4px;
        min-height: 30px;
        display: flex;
        align-items: center;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        gap: 10px;
        padding: 5px 10px
    }

    .oncard3 .body {
        padding: 10px;
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 10px;
        font-weight: 500;
        color: #1C1B1F
    }

        .oncard3 .body a {
            color: #FF0000;
            text-decoration: underline;
        }